/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        blush: {
          50: '#fff5f7',
          100: '#ffe6ef',
          200: '#ffcade',
          300: '#ff9ec2',
          400: '#ff79aa',
          500: '#ff4f8e',
          600: '#e63878',
          700: '#bd255d',
          800: '#971e4b',
          900: '#781b3e',
        },
        lavender: {
          50: '#f6f5ff',
          100: '#ebe9ff',
          200: '#d0ceff',
          300: '#b3b1ff',
          400: '#8d8afc',
          500: '#6b66f5',
          600: '#504ae4',
          700: '#3a34c1',
          800: '#2d2897',
          900: '#241f75',
        },
        slate: {
          950: '#0f172a',
        },
      },
      fontFamily: {
        display: ['"Poppins"','"Noto Sans SC"', 'ui-sans-serif', 'system-ui'],
        body: ['"Inter"','"Noto Sans SC"', 'ui-sans-serif', 'system-ui'],
      },
      boxShadow: {
        card: '0 18px 40px -24px rgba(15, 23, 42, 0.35)',
        soft: '0 12px 30px -18px rgba(15, 23, 42, 0.15)',
      },
      borderRadius: {
        xl: '1.25rem',
        '2xl': '1.5rem',
      },
    },
  },
  plugins: [],
}
